diff options
| author | Ja.KooLit <85185940+JaKooLit@users.noreply.github.com> | 2024-06-11 04:15:57 +0900 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2024-06-11 04:15:57 +0900 |
| commit | 22b85572e891b874011893f62d4eaf94f20486df (patch) | |
| tree | 3452d4164a8964cd85fe57de2bd128baeb0ee2ff /config/waybar/style/[Colorful] Rainbow Spectrum.css | |
| parent | c4ee8142bf7e8d89602cb7712da10888a54d438b (diff) | |
| parent | ed21639feebd8e3b6a6a4c2a59686f777b9688b9 (diff) | |
Merge pull request #338 from JaKooLit/development
Development to Main including pre-release
Diffstat (limited to 'config/waybar/style/[Colorful] Rainbow Spectrum.css')
| -rw-r--r-- | config/waybar/style/[Colorful] Rainbow Spectrum.css | 105 |
1 files changed, 36 insertions, 69 deletions
diff --git a/config/waybar/style/[Colorful] Rainbow Spectrum.css b/config/waybar/style/[Colorful] Rainbow Spectrum.css index 550d2866..03096358 100644 --- a/config/waybar/style/[Colorful] Rainbow Spectrum.css +++ b/config/waybar/style/[Colorful] Rainbow Spectrum.css @@ -11,10 +11,7 @@ font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; } window#waybar { - /* Transparent waybar. Make sure to comment out background-color: and border: */ background-color: rgba(0,0,0,0); - /* background-color: #1e1e2e; */ - /* border: 2px solid #313244; */ transition-property: background-color; transition-duration: .5s; } @@ -23,14 +20,10 @@ window#waybar.hidden { opacity: 0.5; } -window#waybar.empty { - background-color: transparent; -} - +window#waybar.empty, window#waybar.empty #window { padding: 0px; border: 0px; - /* background-color: rgba(66,66,66,0.5); */ /* transparent */ background-color: transparent; } @@ -47,6 +40,40 @@ tooltip label{ color: #cdd6f4; } +#taskbar button, +#workspaces button { + background-color: #d9e0ee; + color: #3A3B3C; + box-shadow: none; + text-shadow: none; + padding: 0px; + border-radius: 9px; + padding-left: 4px; + padding-right: 4px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682); +} + +#taskbar button.active, +#workspaces button.active { + background-color: #eba0ac; + color: #3A3B3C; + padding-left: 8px; + padding-right: 8px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#taskbar button:hover, +#workspaces button:hover { + background: #eb6f92; + color: #f6c177; + padding-left: 3px; + padding-right: 3px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + #backlight, #backlight-slider, #battery, @@ -105,14 +132,6 @@ tooltip label{ background-color: #cba6f7; } -#taskbar { - color: #ffffff; -} - -#taskbar button.active { - background-color: #7f849c; -} - #battery { background-color: #f9e2af; } @@ -167,59 +186,6 @@ tooltip label{ -gtk-icon-effect: highlight; } -#workspaces button { - background-color: #d9e0ee; - color: #3A3B3C; - box-shadow: none; - text-shadow: none; - padding: 0px; - border-radius: 9px; - padding-left: 4px; - padding-right: 4px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682); -} - -#workspaces button.active { - background-color: #eba0ac; - color: #3A3B3C; - padding-left: 8px; - padding-right: 8px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); -} - -#workspaces button:hover { - background: #eb6f92; - color: #f6c177; - padding-left: 3px; - padding-right: 3px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); -} - -#taskbar button { - border-radius: 8px; - background-color: #74c7ec; - color: #3A3B3C; -} - -#taskbar button.active { - background-color: #b4befe; - color: #3A3B3C; - padding-left: 8px; - padding-right: 8px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); -} - -#taskbar button:hover { - padding-left: 3px; - padding-right: 3px; - animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); -} - #custom-menu { background-color: #f5c2e7; /*padding: 1px;*/ @@ -296,6 +262,7 @@ tooltip label{ #network { background-color: #89b4fa; + padding-right: 12px; } #network.disconnected,#network.disabled { background-color: #313244; |
